<template>
  <div>
    <Element :title="'用户名'">
      <input type="text" />
    </Element>
    <Element :title="'密码'">
      <input type="password" />
    </Element>
    <Element :title="'性别'">
      <input type="radio" value="男" name="sex" id="" />男
      <input type="radio" value="女" name="sex" id="" />女
    </Element>
    <Element :title="'爱好'">
      <input type="checkbox" name="hobby" id="" />抽烟
      <input type="checkbox" name="hobby" id="" />喝酒
      <input type="checkbox" name="hobby" id="" />烫头
    </Element>
    <Element :title="'来自于'">
      <select>
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="杭州">杭州</option>
        <option value="广州">广州</option>
      </select>
    </Element>
  </div>
</template>

<script>
import Element from './components/Element'
export default {
  components: {
    Element,
  },
}
</script>

<style></style>
